<html>
  <head>
    <title>优化背景色闪白</title>
  </head>
  <body>
    <script>
      /*
          
                          8、优化背景色闪白

                                 <1>、如果是新页面进入时背景闪白

                                          ①、  如果页面背景是深色， 在 vue 页面中可能会发生新窗体刚开始动画时是灰白色背景，动画结束时才变为深色背景，造成闪屏。

                                                这是因为webview 的背景生效太慢的问题。

                                                此时需将样式写在 App.vue 里，可以加速页面样式渲染速度。

                                                App.vue 里面的样式是全局样式，每次新开页面会优先加载 App.vue 里面的样式，然后加载普通 vue 页面的样式。

                                          ②、app 端还可以在 pages.json 的页面的 style 里单独配置页面原生背景色，比如在 globalStyle->style->app-plus->background 下配置全局背景色

                                                eg：
                                                    "style": {
                                                          "app-plus": {
                                                              "background":"#000000"
                                                          }
                                                      }

                                          ③、另外 nvue 页面不存在此问题，也可以更改为 nvue 页面。

                                          ③、注意：以上优化方案在 HBuilderX 2.7.7 以上版本时运行在 iOS12 以下系统效果较差，请等待优化。






                                  <2>、如果是老页面消失时背景闪白 Android 上 popin 动画时，老窗体会有一个半透明消失的效果
                                  
                                              这个半透明效果的背景色，可以根据需要调节为暗色系

                                              在 pages.json 里 globalStyle 下或指定页面下，配置 app-plus 专属节点，然后配置 animationAlphaBGColor 属性。使用 nvue 代替 vue

      */
    </script>
  </body>
</html>